$(document).ready(function(){
	
		
		//菜单变化
		$('.nav #nav_toolbar').children('li').hover(function(){
			
			var current = $(this).attr('name');
			console.log('hover:'+current);
			var $nav = $(this);
			$('.dropdown_cont').each(function(){
				
				var menuid =  $(this).attr('id');
				
				if(current==menuid){
					
					$('.dropdown_cont').hide();
					console.log('current:'+current+",menuid:"+menuid);
					$(this).show();
				
				}

				
			});
			
		},function(){
			
			$('.dropdown_cont').hide();
			
		});
	
		var imgWidth = -785;
	
		$('#login').click(function(){
			
			$('.login-panel').slideDown('fast');
			
		});
		
		$('#close-login').click(function(){
			
			$('.login-panel').slideUp('fast');
			
		});
		
	
		$('.panelimg').each(function(index){
		
			console.log($('.panelimg').length+":"+index);
			
			$('<div></div>').appendTo('.panel_controll')
			.addClass('controll')
			.attr("index",(index+1))
			.click(function(event){
				
				var $index =  $(this).attr('index');
				
				$('.slide_panel').animate({
					
						'left': imgWidth*($index)+"px"
						
				},800);
				
				$(".controll").removeClass('currnt');
				$(this).addClass('currnt');
				
			});
		
			$(this).click(function(){
					
					console.log('click the img..');
					$(".controll").each(function(index2){
						
						console.log("index2:"+index2+"——index:"+index);
						
						if(index2==index){
							$(".controll").removeClass('currnt');
							$(this).addClass('currnt');
						
						}
						
					});
					
					$('.slide_panel').animate({
					
						'left': imgWidth*(index+1)+"px"
						
					},800);
					
				
			});
			
			
			
		
		});
		
		
	});
	
	